<div>
  <form class="form-horizontal" role="form" novalidate name="myForm">
    <div class="form-ctrl md-whiteframe-z1">
      <div class="form-search" style="height:230px;" ng-class="{true: 'shou'}[shoumun.num==0]">
        <div>
          <label>系统名称</label>
          <md-select ng-model="sendData.systemCode" >
            <md-option  ng-value="system.systemCode" ng-repeat="system in sysNames">{{system.systemName}}</md-option>
          </md-select>
        </div>
        <div>
          <label style="width:115px">域/部署业务</label>
          <md-select multiple ng-model="sendData.regionCode">
            <md-select-label>
              {{sendData.regionCode.length ? _getNames(sendData.regionCode,'regionName',regions) :'全部'}}
            </md-select-label>
            <md-option ng-value="" ng-click="_checkAll(sendData,'regionCode')">全部</md-option>
            <md-option ng-value="re" ng-repeat="re in regions">{{re.regionName}}</md-option>
          </md-select>
        </div>
      </div> <i class="glyphicon glyphicon-chevron-up shrinkage" ng-show="!btnDisabled" ng-click="shoumun.num=0"></i>
      <md-button ng-disabled="btnDisabled"  ng-click="shoumun.num==1?shoumun.num=0:shoumun.num=1;search()" class="md-fab md-primary md-hue-1" aria-label="Profile"> <i class="glyphicon glyphicon-arrow-down"
      style="margin-top:28px;"  ng-show="shoumun.num==0"></i>
        <i class="glyphicon glyphicon-search" ng-show="shoumun.num==1"></i>
      </md-button>
    </div>
  </form>
  <div class="table-info">
    <div class="menus" ng-show="flag === 'view'">
      <md-button ng-click="back()" class="md-raised ico-btn">返回</md-button>
      <span ng-show="showBack" class="division"></span>
      <md-button class="md-raised" style="background-color: #FF9800;color:white">{{param.regionNameParameter}}</md-button>
    <!--   <md-button class="md-raised" ng-show="send.regionName.indexOf('核心') !== -1" ng-click="queryHostInfo({systemName:'统一支付',region:'核心'})" style="background-color: #FF9800;color:white">核心</md-button>
      <md-button class="md-raised" ng-show="send.regionName.indexOf('后置') !== -1"  ng-click="queryHostInfo({systemName:'统一支付',region:'后置'})" style="background-color: #FF9800;color:white" >后置</md-button> -->
    </div>
    <div ng-show="flag === 'view'">
      <div id="doc" class="left" style="height:210px;width:614px;"></div>
      <div id="doc1" class="right" style="height:210px;width:614px;"></div>
      <div id="doc2" class="left" style="height:210px;width:614px;"></div>
      <div id="doc3" class="right" style="height:210px;width:614px;"></div>
    </div>
    <div ng-show="flag === 'table'">
      <div class="table-detail">
        <div class="t_r">
          <table class="table table-bordered">
            <caption style="text-align:center;font-size:large;font-weight:bold;color:black">{{title}}</caption>
            <thead>
              <tr>
                <th>系统</th>
                <th>域/部署业务</th>
                <th>主机数目</th>
                <th>描述</th>
              </tr>
            </thead>
            <tbody class="table table-bordered">
              <tr ng-repeat="item in items">
                <td>
                  <a>{{item.systemName}}</a>
                </td>
                <td>
                  <a>{{item.regionName}}</a>
                </td>
                <td>{{item.total}}</td>
                <td>{{item.description}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>